<!-- @include ./inc/header.html -->

<header class="g-header">
  <div class="jumoo">
    <img class="text" src="/@@/images/m/jumoo1.png" alt="">
    <img class="logo" src="/@@/images/m/logo.png" alt="">
  </div>
</header>
<main class="main home-main">
  <div class="swiper-container home-slider" id="slider">
    {{include './inc/home.html'}}
    <div class="slider-prev"></div>
    <div class="slider-next"></div>
    <div class="slider-page"></div>
  </div>
</main>

<!-- @include ./inc/footer.html -->
<link href="//cdn.bootcss.com/Swiper/4.3.0/css/swiper.min.css" rel="stylesheet">
<script src="//cdn.bootcss.com/Swiper/4.3.0/js/swiper.min.js"></script>
<script>
$(function() {
  var slider = new Swiper('#slider', {
    height: '100%',
    autoplay: true,
    loop: true,
    pagination: {
      el: '.slider-page'
    },
    navigation: {
      nextEl: '.slider-next',
      prevEl: '.slider-prev'
    }
  })
})
</script>
<!-- @include ./inc/end.html -->
